<template>
	<view>
		<u-navbar title-color="#fff" :is-back="false" 
		:is-fixed="true" :background="background":back-text-style="{color: '#fff'}" title="社团">
		</u-navbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					'background': 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
				searchValue:""
			}
		},
		computed: {
			slotRightCurrent() {
				return this.slotRight ? 0 : 1;
			}
		},
		methods: {
			// 监听搜索框右边的搜索按钮
			custom(value) {
				console.log(value);
				// this.$u.toast('输入值为：' + value)
				this.search(value);
			},
			// 监听键盘上的搜索按钮
			search(value) {
				console.log(value)
			},
			clear() {
				// console.log(this.value);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		padding: 24rpx;
	}
	
	
	.search-wrap {
		margin: 0 20rpx;
		flex: 1;
	}
	
	.slot-wrap {
		display: flex;
		align-items: center;
		flex: 1;
	}
	
</style>
